<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no"/>
    <title>图片浏览</title>
    <style type="text/css">
        body{
            background: #000;
        }
    </style>
</head>
<body>
     <header class="aui-bar aui-bar-nav aui-border-b">
        <div class="aui-pull-left aui-iconfont aui-icon-left icon-left-coler" tapmode onclick="closeWin()"></div>
        <div class="aui-title">图片浏览</div>
    </header>

</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/common.js"></script>
<script type="text/javascript">
    
    apiready=function (argument) {
        var photoBrowser = api.require('photoBrowser');
        photoBrowser.open({
            images: api.pageParam.imgList,
            placeholderImg: 'widget://res/img/apicloud.png',
            bgColor: '#000',
            activeIndex:api.pageParam.browseIndex?api.pageParam.browseIndex:0
        }, function(ret, err) {
        });

        var header = $api.dom('header');
        $api.fixIos7Bar(header);

        var header_h = $api.offset(header).h;
        var statusbarHeight=api.systemType=='ios'?0.0:25.0;
        api.openFrame({
            name: 'photobrowser_frm',
            url: './photobrowser_frm.html',
            rect : {
                x : 0,
                y : 0,
                w : 'auto',
                h : header_h+statusbarHeight
            },
            bounces : false,
            vScrollBarEnabled : false,
            hScrollBarEnabled : false
        });
            
    }
</script>

</html>